.favorites-page{
  .opt-head{
    height: .88rem;
    background-color: #fff;
    .opt{
      span{
        height: .88rem;
        line-height: .88rem;
        font-size: .24rem;
        color: #333333;
        &:first-child{
          margin-right: .8rem;
        }
        &.active{
          border-bottom:4px solid #FF4A4A;
          color: #FF4A4A;
        }
        &.opt-btn{
          position: absolute;
          right: .32rem;
          color: #6DCBFF;
        }
      }
    }
  }
  .cate-group{
    height: 1.59rem;
    padding: .24rem .32rem;
    margin-top: .16rem;
    box-sizing: border-box;
    background-color: #fff;
    .checkBox{
      line-height: 1rem;
      margin-right: .24rem;
      i{
        font-size: .44rem;
        color: #ccc;
        &.active{
          color: #FF2F51;
        }
        &.active:before{
          content: "\E673";
        }
      }
    }
    .group-left{
      width: 2rem;
      height: 1rem;
      margin-right: .24rem;
      margin-top: .1rem;
      border: 1px solid #ccc;
      text-align: center;
      img{
        width: 100%;
        max-height: 100%;
      }
      h3{
        margin-top: .2rem;
        font-size: .26rem;
        color: #333;
      }
      p{
        margin-top: .15rem;
        font-size: .2rem;
      }
    }
    .group-right{
        img{
          width: 1rem;
          height: 1rem;
        }
        h3{
          height: .42rem;
          line-height: .42rem;
          font-size: .28rem;
          color: #333;
          font-weight: 400;
          overflow: hidden;
          i{
            margin-right: .16rem;
          }
        }
        p{
          height: .6rem;
          line-height: .3rem;
          margin-top: .1rem;
          font-size: .2rem;
          color:#999;
          overflow: hidden;
        }
    }
  }
  .like{
    .cate-list{
      li{
        position: relative;
        .checkBox{
          position: absolute;
          right: .24rem;
          top:.24rem;
          i{
            font-size: .44rem;
            color: #CCCCCC;
          }
          .active{
            color: #FF2F51;
          }
        }
      }
    }
    //.tit{
    //  text-align: left;
    //  padding-left: .3rem;
    //}
    //.cate-group{
    //  height: 1.8rem;
    //}
    //.group-left{
    //  width: 2rem;
    //  height: 1rem;
    //  text-align: center;
    //  margin-right: .24rem;
    //  img{
    //    width: 100%;
    //    max-height: 1.8rem;
    //  }
    //}
    //.group-right{
    //  h3{
    //    height: .42rem;
    //    line-height: .42rem;
    //    font-size: .28rem;
    //    color: #333;
    //    font-weight: 400;
    //    overflow: hidden;
    //    i{
    //      margin-right: .16rem;
    //    }
    //  }
    //  p{
    //    height: .6rem;
    //    line-height: .3rem;
    //    margin-top: .1rem;
    //    font-size: .2rem;
    //    color: #999;
    //    overflow: hidden;
    //    strong{
    //      font-size: .3rem;
    //      font-weight: 300;
    //    }
    //  }
    //  .rb{
    //    margin-top: .4rem;
    //  }
    //  .color-1{
    //    color: #ad1016;
    //  }
    //  .btn{
    //    width: 1.26rem;
    //    height: .48rem;
    //    line-height: .48rem;
    //    font-size: .22rem;
    //    color: #ad1016;
    //    border:1px solid #ad1016;
    //    background-color: #fff;
    //    font-weight: normal;
    //  }
    //}
  }
  .marginTop35{
    margin-top: .35rem;
  }
  .marginTop20{
    margin-top: .2rem;
  }
  .fr{
    float: right;
  }
}
